<template>
	<view class="flex justify-between align-center padding margin-tb">
		<view class="flex align-center">
			<text class="iconfont icon-canju text-xxl text-gray"></text>
			<text class="margin-lr text-xxl text-gray">/</text>
			<view class="">
				{{cname}}
				<view class="text-gray text-xs">
					{{ename}}
				</view>
			</view>
		</view>
		<view class="text-sm" v-if="isMore">
			查看更多
			<text class="iconfont icon-gengduo-shuxiang"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"home-title",
		props: {
			cname: {
				type: String,
				default: '法式经典'
			},
			ename:{
				type:String,
				default:'French Classic'
			},
			isMore:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.icon-gengduo-shuxiang{
	display: inline-block;
	transform: rotate(90deg);
}
</style>